<script type="text/javascript">
$(document).ready(function () {
	$("#nghesi_nghedanh").jqxInput({ theme:theme, height: 25, width: 200, placeHolder: "Nghệ danh"});
	$("#nghesi_tenthat").jqxInput({ theme:theme, height: 25, width: 200, placeHolder: "Tên thật"});
	$("#nghesi_ngaysinh").jqxDateTimeInput({ theme:theme, height: 22, width: 160 });
	
	$("#nghesi_conhoatdong").jqxCheckBox({ theme:theme, width: 200, height: 25 });
	
	$("#nghesi_tieusu").jqxInput({ theme:theme, height: 350, width: 500, placeHolder: "Tieu su"});
	$("#nghesi_thongtin").jqxValidator({ 
            focus: true,
            rules: [
                { input: '#nghesi_tenthat', message: 'Không được để trống', action: 'keyup, blur', rule: 'required' },                                   
                { input: '#nghesi_nghedanh', message: 'Không được để trống', action: 'keyup, blur', rule: 'required' },
                { input: '#nghesi_tieusu', message: 'Không được để trống', action: 'keyup, blur', rule: 'required' },
                { input: '#nghesi_ngaysinh', message: 'Năm sinh phải nhỏ hơn năm hiện tại!', action: 'valuechanged', rule: function(input, commit){
                    var date = $('#nghesi_ngaysinh').jqxDateTimeInput('value');
                    //phai tra ve gia tri dung
                    var result = (date.getFullYear() <= new Date().getFullYear());
                    // call commit with false, when you are doing server validation and you want to display a validation error on this field. 
                    return result;
                }}
            ]
        });
        
        $('#nghesi_thongtin').on('validationSuccess', function (event) {
            $('#nghesi_thongtin').data("isSuccess", true);
        });
        $('#nghesi_thongtin').on('validationError', function (event) {
            $('#nghesi_thongtin').data("isSuccess", false);
        });
        
        var options = { 
            complete: function(response) 
            {
                //$("#message").html("<font color='green'>"+response.responseText+"</font>");
                console.log("Da up hinh len server");
            },
            error: function()
            {
                //$("#message").html("<font color='red'> ERROR: unable to upload files</font>");
                console.log("Khong the up hinh len server");
            }
        }; 

        $("#nghesi_anhdaidien_upload").ajaxForm(options);
    });
</script>

<div id="nghesi_thongtin" >
    <table>
        <tr>
            <td style="vertical-align: top">
                <div id="nghesi_anhdaidien">
                    <img src="#" height="165" width="165" id="nghesi_anhdaidien_show"/>
                    <form id="nghesi_anhdaidien_upload" action="controllers/NgheSi_Image_Upload.php" method="post" enctype="multipart/form-data">
                        <input type='file' onchange="readURL(this, 'nghesi_anhdaidien_show');" id="chonanhdaidien" accept="image/*" name="myfile"/>
                        <input type="hidden" id="nghesi_ma" value="" name="nghesi_id"/>
                    </form>
                </div>
            </td>
            <td style="vertical-align: top">
                <table>
                <form id="nghesi_thongtin_form">
                    <tr>
                        <td colspan="2" style="text-align: center"><div style="color: red"><strong><h3>Thông Tin Nghệ Sĩ</h3></strong></div></td>
                    </tr>
                    <tr>
                        <td>Nghệ danh:</td>
                        <td><input type="text" id="nghesi_nghedanh"/></td>
                    </tr>
                    <tr>
                        <td>Tên thật:</td>
                        <td><input type="text" id="nghesi_tenthat"/></td>
                    </tr>
                    <tr>
                        <td>Ngày sinh:</td>
                        <td><div id="nghesi_ngaysinh"></div></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><div id="nghesi_like">Lượt like: </div></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><div id="nghesi_conhoatdong">Còn hoạt động</div></td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr><td colspan="2" style="vertical-align: top"><input type="text" id="nghesi_tieusu" style="text-wrap: normal"/></td></tr>
    </form>
    </table>
</div>